<template>
  <div class="main-container">
    <div class="main-header">
      <el-breadcrumb separator="/">
        <el-breadcrumb-item>课程统计报表</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <div class="wrap">
      <div class="content">
        <div class="search-container">
          <el-tabs v-model="type" type="card">
            <el-tab-pane label="时长统计报表" name="1">
              <report-courseLearnTimes></report-courseLearnTimes>
            </el-tab-pane>
            <el-tab-pane label="次数统计报表" name="2">
              <report-courseReadTimes></report-courseReadTimes>
            </el-tab-pane>
          </el-tabs>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    components: {
      'report-courseLearnTimes': () => import('./components/courseLearnTimesReport'),
      'report-courseReadTimes': () => import('./components/courseReadTimesReport'),
    },
    data () {
      return {
        type: '1',
      }
    },
    methods: {
      
    }
  }
</script>
